<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring"  uri="http://www.springframework.org/tags"  %>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" />
<title>修改密码</title>
<style type="text/css">
body{background-color:#E4E4E4; font-family:Helvetica; font:Arial, Helvetica, sans-serif;} 
*{ margin:0; padding:0; list-style:none;}
.head{
	margin:0px;
	background-color:#2B333C;
	padding:10px;
	color:#fff;
}
.tips_p{ color:#7a7f85; margin:10px 0 0 15px; font-size:16px; text-shadow:#FFF 1px 1px; width:90.6%; font-weight:bold;}
.content{margin:0 0 5px 15px;}
.ul{margin:8px 0 0 15px; display:inline-block;width:90.6%; }
.ul li{ margin-top:5px; float:left;width:100%;}
.ul li label{width:70px; font-size:14px; text-align:right;display:inline-block; float:left; margin-top:6px;color:#666;}
.ul li input, .ul li select{
float:left;
font-size:14px;
margin-left:5px;
width:205px;
-webkit-appearance:none;
border:1px solid #CCC;
height:32px;
line-height:30px;
padding-left:3px;
border-radius:1px;
}
.ul li input{color:#b2b2b2;}
.ul li select{ width:210px!important; background:url(img/select.png) no-repeat 5px right #FFF;}
.ul li span{ margin-left:5px;color:#666;}
.top{ margin-top:0px!important;}
.button{
width:90%;
max-width:290px;
height:38px; 
color: #fef4e9;
border: solid 1px #da7c0c;
border-radius: .5em;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
background: #f78d1d;
background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background:-moz-linear-gradient(top,  #faa51a,  #f47a20);
filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
font-size:16px;
font-weight:bold;
text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}
</style>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<spring:url value="/acct/modify" var="url" />

<script type='text/javascript'>

$(document).ready(function(){
$('#checkBtn').click(function() { 
		$('#checkForm').submit();
	});//end #resvBtn click
	
});
</script>
</head>
<%
String wechatuser = request.getParameter("wechatuser");
%>

<body>
	<div class="head">修改卡密码</div>
	<form id="checkForm" method="post" action="${url}">
    <div>
        <p class="tips_p">请填写以下信息</p>
    	<ul class="ul">
        <li>
        	<label>卡号：</label><input name="cardNo" type="text" alt="" value="请输入卡号" onblur="if(!this.value) {this.value='请输入卡号';this.style.color='#b2b2b2';}" onfocus="if(this.value=='请输入卡号') this.value='';this.style.color='#000000'"/>
        </li>
       
       <li>
       		<label>旧密码：</label><input name="password"  type="text" alt="" value="请输入旧密码" onblur="if(!this.value) {this.value='请输入旧密码';this.style.color='#b2b2b2';}" onfocus="if(this.value=='请输入旧密码') this.value='';this.style.color='#000000'"/>
       </li>
        <li>
        	<label>新密码：</label><input name="newPassword" type="text" alt="" value="请输入新密码" onblur="if(!this.value) {this.value='请输入新密码';this.style.color='#b2b2b2';}" onfocus="if(this.value=='请输入新密码') this.value='';this.style.color='#000000'"/>
        </li>
       
       <li>
       		<label>确认新密码：</label><input name="newPasswordAg"  type="text" alt="" value="请输入新密码" onblur="if(!this.value) {this.value='请输入新密码';this.style.color='#b2b2b2';}" onfocus="if(this.value=='请输入新密码') this.value='';this.style.color='#000000'"/>
       </li>       
        </ul>
        <!-- hidden message -->
        <input name="wechatuser" type="hidden" value="${wechatuser }"/>
        
    </div>
    <div class="content"><input id="checkBtn" type="button"  alt=""value="确定" class="button"/></div>
    </form>
</body>
</html>
